<template>
  <a-config-provider v-bind="getPopupContainer">
    <router-view></router-view>
  </a-config-provider>
</template>

<script>

import { defineComponent } from 'vue'
import zhCN from 'ant-design-vue/es/locale/zh_CN'
import request from './utils/request'

export default defineComponent({
  name: 'App',
  data () {
    return {
      getPopupContainer: {
        locale: zhCN
      }
    }
  },
  created () {
    //定时请求检查token是否过期
      setInterval(function(){
        request.get('/base/auth/token/status');
      }, 1000 * 120);
  }
})
</script>

<style lang="less">
  html,
  body,
  .app-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }

  /*解决input-group组件第一个select背景会变成灰色的问题*/
  .amis-scope .antd-InputGroup .antd-SelectControl:first-child .antd-Select {
    background-color: #fff !important;
  }
  
  /*表格外边框*/
  .antd-Table-table { border: var(--Table-borderWidth) solid var(--Table-borderColor); }

  .antd-Table-table td {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.88);
  }

  .antd-Table-table > thead > tr > th .antd-TableCell--title {
    font-weight: 600;
  }

  /*覆盖默认Drawer空白高度*/
  .amis-scope .antd-Drawer-body:before {
      height: 0 !important;
  }

  /*覆盖表格底部分页区域高度*/
  .amis-scope .antd-Table-footToolbar {
    padding-bottom: 0 !important;
  }

  .ant-avatar{
    height: 36px !important;
    width: 36px !important;
  }
  
</style>
